/* 
   ###################################################################
##                                                                     ##
##       FEUILLE DE STYLE - CSS GLOBAL - BAROUTY/MARTINEAU             ##
##                                                                     ##
   ###################################################################    
*/
body {
	background-image : url("images/fond.png") ;
	background-color : #000000 ;
	margin : auto ;
	width : 820px ;
}
a {
    text-decoration : none ;
}

h1 {
	text-align : right ;
}


#header {
    background-color : black ;
    padding-bottom : 12px ;
}

img {
	border : none ;
}





#content {
	background-color : rgba(255,255,255,0.9) ;
	margin : auto ;
	margin-bottom : 40px ;
	overflow:auto;
	padding : 20px ;
	width : 800px ;
	border-radius : 10px 10px ;
	-moz-border-radius : 10px 10px ;
	-webkit-border-radius : 10px 10px ;
	box-shadow: 4px 4px 12px #aaa;
	-moz-box-shadow: 4px 4px 12px #aaa; 
	-webkit-box-shadow: 4px 4px 12px #aaa;
}
#footer {
	background-color : #D3D3D3 ;
	border : 1px white dashed ;
	border-radius : 8px ;
	-moz-border-radius : 8px ;
	-webkit-border-radius : 8px ;
	margin : auto ;
	margin-bottom : 12px ;
	text-align : center ;
	width : 800px ;
}



#alphabet {
	border-bottom : 1px black dotted ;
	clear : both ;
	margin-bottom : 20px ;
	padding-bottom : 10px ;
	text-align : center ;
}
#alphabet a {
	text-decoration : none ;
}
#bienvenuSite {
	font-size : 24px ;
	margin : 20px 0px ;
	text-align : center ;
}



#classementCourse {
	border : 4px black solid ;
	
	-border-radius-topleft : 12px ;
	-moz-border-radius-topleft : 12px ;
	-webkit-border-radius-topleft : 12px ;
	
	border-collapse: collapse;
}
#classementCourse th
{
	
}
#classementCourse td
{
    border: #3399CC 1px solid;
    /*border-collapse: collapse;*/
}
#classementCourseFirst
{
	border-left : 8px #FFD700 solid ;
	color : #FFD700 ;
}
#classementCourseSecond
{
	border-left : 8px #C0C0C0 solid ;
	color : #C0C0C0 ;
}
#classementCourseThird
{
	border-left : 8px #8B4513 solid ;
	color : #8B4513 ;
}
#classementCourse tr:first-child 
{
	border-bottom : 2px black solid ;
	
	border-top : 2px #A9A9A9 solid ;
	border-left : 2px #A9A9A9 solid ;
	
	height : 20px ;
	
	-border-radius-topleft : 12px ;
	-moz-border-radius-topleft : 12px ;
	-webkit-border-radius-topleft : 12px ;
}
#classementCourse tr th:first-child
{
	border-right : inherit ;
	border-right : 4px black solid ;
}

#classementCourse tr:first-child th:first-child
{
	border-top : 2px #A9A9A9 solid ;
	border-left : 2px #A9A9A9 solid ;
	
	-border-radius-topleft : 12px ;
	-moz-border-radius-topleft : 12px ;
	-webkit-border-radius-topleft : 12px ;
}




#circuitAll {
	border : 1px red solid ;
	clear : left ;
	padding : 0px 20px 0px 20px ;
	width : 560px ;
}
#circuitInfos {
	border : 1px red solid ;
	float : left ;
}
#circuitTexte {
	clear : right ;
	text-align : justify ;
}
#commGP {
	height : 150px ;
	text-align : justify ;
}
#commentaires {
    border : 1px green dashed ;
}
#content h1 {
	background-color : black ;
	border : 0px black solid ;
	border-radius : 0 0 0 8px ;
    -moz-border-radius : 0 0 0 8px ;
    -webkit-border-radius : 0 0 0 8px ;
	color : white ;
	float : right ;
	padding-right : 12px;
	padding-bottom : 8px;
	padding-left : 12px;
	position : relative;
	top : -42px ;
	right : -20px ;
	width : auto ;
	z-index : 0 ;
}
#coordonees {
    border : 1px green dotted ;
}
#divConnection {
	color : white ;
}
.elementMenuCircuits, .elementMenuEcuries {
	width : 100% ;
}
.elementMenuCircuitsDrapeau, .elementMenuEcuriesDrapeau {
	float : right ;
	height : 20px ;
	position : relative ;
	top : -30px ;
}
.elementMenuCircuitsNom, .elementMenuEcuriesNom {
	height : 20px ;
	padding-bottom : 10px ;
	padding-left : 10px ;
}
#fichePilote {
	border : 1px black solid ;
	border-radius : 8px 8px ;
    -moz-border-radius : 8px 8px ;
    -webkit-border-radius : 8px 8px ;
    box-shadow: 8px 8px 12px #aaa; 
    -moz-box-shadow: 8px 8px 12px #aaa; 
    -webkit-box-shadow: 8px 8px 12px #aaa; 
    overflow:auto;
    padding-top : 0px ;
    padding-right : 0px ;
    padding-bottom : 20px ;
	padding-left : 20px ;
}
#fichePilote>h3 {
	background-color : white ;
	border-bottom : 1px black solid ;
	border-left : 1px black solid ;
	border-radius : 0px 8px 0px 8px ;
    -moz-border-radius : 0px 8px 0px 8px ;
    -webkit-border-radius : 0px 8px 0px 8px ;
    float : right ;
	margin : 0px ;
	padding : 4px ;
	text-align : center ;
	width : 150px ;
}
.floatLeft {
	float : left ;
}
.floatRight {
	float : right ;
}
.floatStop {
	clear : both ;
}
.floatStopLeft {
	clear : left ;
}
.floatStopRight {
	clear : right ;
}
#fluxRSS {
	float : right ;
	margin-right : 0px ;
	margin-top : 20px ;
}



#identity ul {
    margin-top : 0px ;
}

#identity {
    background-image : url("images/fond.png") ;
    border : 2px grey dashed ;
    border-radius : 8px 8px ;
    -moz-border-radius : 8px 8px ;
    -webkit-border-radius : 8px 8px ;
    padding : 10px ;
}
#lastRes {
	border : 2px grey dashed ;
	border-radius : 4px ;
	-moz-border-radius : 4px ;
	-webkit-border-radius : 4px ;
	margin : auto ;
	padding : 10px ;
	text-align : center ;
	width : 400px ;
}
#listeSpo {
	width : 250px ;
}
.member {
    background-color : rgba(255,255,255,0.5) ;
    border : 1px red dotted ;
    margin-top : 10px ;
    margin-bottom : 10px ;
    padding-left : 10px ;
    padding-right : 10px ;
}
#menuAdmin {
	border : 1px red solid ;
	color : white ;
	left : 100px ;
	position : relative ;
}
#menuCircuits, #menuEcuries {
	border : 1px black solid ;
	border-radius : 8px ;
	-moz-border-radius : 8px ;
	-webkit-border-radius : 8px ;
	width : 180px ;
	float : right ;
}
#menuCircuitsListe, #menuEcuriesListe {
	padding-left : 10px ;
	padding-right : 10px ;
}
#menuCircuitsTitre, #menuEcuriesTitre {
	background-color : white ;
	border-radius : 8px 8px 0 0 ;
	-moz-border-radius : 8px 8px 0 0 ;
	-webkit-border-radius : 8px 8px 0 0 ;
	font-size : larger ;
	margin-bottom : 10px ;
	padding : 4px 0 4px 0 ;
	text-align : center ;
}
#menuRes {
	border : 1px red solid ;
	margin-left : 10px ;
	padding : 10px ;
	width : 180px ;
	float : right ;
}
#photoId {
	height : 150px ;
	margin : 8px ;
	width : 150px ;
}
.pilote {
	border : 1px black solid ;
	float : left ;
	padding : 10px ;
	text-align : center ;
}
#pilotesEcurie {
	
}

#piloteFiche {
	border : 1px red solid ;
	margin : auto ;
	width : 600px ;
}
#piloteFicheHaut {
	border : 1px yellow solid ;
	margin : auto ;
	margin-bottom : 10px ;
	text-align : center ;
	width : 590px ;
}
#piloteFicheGauche {
	border : 0px blue solid ;
	height : 500px ;
	text-align : right ;
	width : 290px ;
}
#piloteFicheDroite {
	border : 0px green solid ;
	float : left ;
	position : relative ;
	top : -500px ;
	left : 300px ;
	width : 290px ;
}
.piloteFicheSimple {
	height : 22px ;
	margin-top : 2px ;
	margin-bottom : 2px ;
}
.piloteFicheDouble {
	height : 50px ;
	margin-top : 2px ;
	margin-bottom : 2px ;
}
.piloteFicheTriple {
	border : 1px yellow solid ;
	height : 300px ;
	margin-top : 2px ;
	margin-bottom : 2px ;
}


#piloteHaut {
	border : 1px black solid ;
	border-radius : 0 8px 8px 8px ;
	-moz-border-radius : 0 8px 8px 8px ;
	-webkit-border-radius : 0 8px 8px 8px ;
	box-shadow: 4px 4px 12px #aaa;
	-moz-box-shadow: 4px 4px 12px #aaa; 
	-webkit-box-shadow: 4px 4px 12px #aaa;
	clear : both ;
	height : 170px ;
	margin-top : 10px ;
	margin-right : 20px ;
	/*overflow:auto;*/
}
#piloteHautCentre {
	float : left ;
	margin-right : 20px ;
}
#piloteOptions {
	border : 1px red dashed ;
	float : left ;
	position : relative ;
	top : -14px ;
	left : 0px ;
}
#piloteInfo {
	/*height : 75px ;*/
	margin-top : 10px ;	
	width : 350px;
}
#piloteInfoGauche {
	width : 150px ;
	text-align : right ;
}
#piloteInfoDroite {
	width : 192px ;
	position : relative ;
	top : -80px ;
}
#piloteInfoNom
{
	border : 1px purple solid ;
	width : 500px ;
}
#piloteInfoNatEcu
{
	border : 1px orange solid ;
	width : 500px ;
}
.piloteInfoNomGauche
{
	border : 1px yellow solid ;
	height : 20px ;
	text-align : right ;
	width : 200px ;
}
.piloteInfoNomDroite
{
	border : 0px green solid ;
	float : left ;
	left : 204px ;
	top : -20px ;
	height : 20px ;
	position : relative ;
	width : 100px ;
}
.piloteInfoNomGaucheDate
{
	border : 1px pink solid ;
	height : 70px ;
	text-align : right ;
	width : 200px ;
}
.piloteInfoNomDroiteDate
{
	border : 1px green solid ;
	float : left ;
	left : 204px ;
	top : -70px ;
	height : 70px ;
	position : relative ;
	width : 280px ;
}
#pilotePT {
	height : 40px ;
	margin-top : 10px ;	
	width : 350px;
}
#pilotePTGauche {
	width : 150px ;
	text-align : right ;
}
#pilotePTDroite {
	width : 192px ;
	position : relative ;
	top : -68px ;
}
#piloteSponsors {
	float : left ;
	margin-top : 10px ;	
	/*position : relative ;
	top : -144px ;
	right : 20px ;*/
}
#piloteTexte {
	margin-right : 20px ;
	margin-bottom : 10px ;
	
	padding-bottom : 10px ;
	text-align : justify ;	
}
#piloteTexteContent {
	background-color : #F8F8FF ;
	border : 1px black solid ;
	border-radius : 0 8px 8px 8px ;
	-moz-border-radius : 0 8px 8px 8px ;
	-webkit-border-radius : 0 8px 8px 8px ;
	box-shadow: 4px 4px 12px #aaa;
	-moz-box-shadow: 4px 4px 12px #aaa; 
	-webkit-box-shadow: 4px 4px 12px #aaa;
	padding : 12px ;
}
#piloteTexteTitre {
	background-color : white ;
	border : 1px black solid ;
	border-radius : 8px 8px 0 0 ;
	-moz-border-radius : 8px 8px 0 0 ;
	-webkit-border-radius : 8px 8px 0 0 ;
	padding-left : 12px ;
	text-align : center ;
	width : 150px ;
}
pre {
    font-family : inherit ;
    font-size : inherit ;
}
.sizeDrap {
	height : 22px ;
	vertical-align : middle ;
	width : 24px ;	
}
.sizePhoto {
	height : 150px ;
	width : 150px ;	
}
#tabRes {
	float : left ;
	margin-right : 10px ;
}
#tabRes2 {
	float : none ;
	margin-right : 10px ;
	text-align : center ;
}
.voiture {
	border : 1px red solid ;
	float : left ;
	padding : 10px ;
	text-align : center ;
}



